<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.Date"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">

    <title>商户登录</title>
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/framework7.ios.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/framework7.ios.colors.min.css">
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/f7/my-app.css">

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery.qrcode.min.js"></script>
    <style type="text/css">
    @font-face
	{
	font-family: myFirstFont;
	src: url('Sansation_Light.ttf'),
	     url('Sansation_Light.eot'); /* IE9+ */
	}
    .describe{
       font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
	    /* border:2px solid #a1a1a1;*/
     	padding:10px 40px; 
    	margin-top: 56px;
    	font-size: 17px;
    	/* text-shadow: 0 0 20px red; */
    }
    </style>
</head>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<body>
<div class="views">
    <div class="view view-main">
        <div class="pages">
            <input type="hidden" id="basePath" value="<%=basePath%>"/>
            <input type="hidden" id="terminalTypeId" value="${terminalTypeId}"/>
            <!-- 首页 手机号码验证码注册 -->
            <div data-page="pageLogin" class="page">
                <div class="page-content" style="text-align:center;background:#ffffff;">
                    <img src="${pageContext.request.contextPath}/image/f7/logo_112_wkzf.png" width="100px" style="margin-top:50px;margin-bottom:20px;"/>
                    <div class="myLoginFieldsBorder">
                        <input class="myLoginFields username" type="tel" maxlength="11" name="phoneNo" id="phoneNo"
                               value="" placeholder="请输入注册手机号"/>
                    </div>
                    <div class="myLoginFieldsBorder">
                        <input class="myLoginFields password" type="password" name="password" id="password"
                               autocomplete="off" value="" placeholder="请输入密码"/>
                    </div>
                    <div class="item-input"
                         style="width:95%;margin-top:15px;margin-bottom:20px;text-align: right;">
                        <a href="#pageForgetPswd" class="list-button item-link mf-nopadding">忘记密码</a>
                    </div>
                    <div class="item-input" style="width:90%;margin:0 auto;">
                        <a href="#" id="loginBtn" class="button button-big button-fill color-mfblue disabled">下一步</a>
                    </div>
                     
                     
                     <div class="describe" >
                          <span>
                          	兴业银行、腾讯携手指尖赚打造安全、快速、第一无卡支付品牌！
                          </span>
                    </div>
                    
                </div>
            </div>

            <div data-page="pageForgetPswd" class="page cached navbar-fixed toolbar-fixed">
                <div class="navbar" style="background:#3b98d4;color:#ffffff;">
                    <div class="navbar-inner">
                        <div class="left">
                            <a href="#pageLogin" class="back" style="color:#ffffff;">
                                <b>〈</b> 返回
                            </a>
                        </div>
                        <div class="center">忘记密码</div>
                    </div>
                </div>
                <div class="page-content" style="text-align:center;background:#ffffff;">
                    <img src="${pageContext.request.contextPath}/image/f7/logo_112_wkzf.png" width="120px" style="margin-top:50px;margin-bottom:20px;"/>
                    <div class="myLoginFieldsBorder">
                        <input class="myForgetFields username" type="tel" name="phoneNo" id="fp_phoneNo" value=""
                               placeholder="请输入注册手机号"/>
                    </div>
                    <div class="myLoginFieldsBorder">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <input class="myForgetFields valicode" type="tel" name="valiCode" id="valiCode"
                                           value="" style=" border-left-style: solid; margin-left: 23px;" placeholder="请输入验证码"/>
                                </td>
                                <td>
                                    <div class="mf-valicode-btn" >
                                        <a href="#" id="getValiCodeBtn"
                                           class="list-button item-link mf-nopadding disabled">获取验证码</a>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="item-input" style="width:90%;margin:0 auto;margin-top:20px;">
                        <a href="#" id="forgetPswdBtn"
                           class="button button-big button-fill color-mfblue disabled">下一步</a>
                    </div>
                </div>
            </div>

            <!-- 重设密码页面 -->
            <div class="page  cached" data-page="pageResetPswd">
                <div class="page-content">
                    <div class="content-block"></div>
                    <div class="list-block">
                        <ul>
                            <li>
                                <div class="item-content">
                                    <div class="item-media"><i class="icon icon-form-password"></i></div>
                                    <div class="item-inner">
                                        <div class="item-input">
                                            <input class="myPswd" type="password" name="password" id="fp_password"
                                                   autocomplete="off" placeholder="输入密码"/>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item-content">
                                    <div class="item-media"><i class="icon icon-form-password"></i></div>
                                    <div class="item-inner">
                                        <div class="item-input">
                                            <input class="myPswd" type="password" name="passwordConfirm"
                                                   id="passwordConfirm" autocomplete="off" placeholder="再次确认密码"/>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="content-block" style="margin-top:10px">密码由6-12位英文字母、数字组成</div>
                    <div class="list-block mf-noborder">
                        <ul>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner mf-noborder">
                                        <div class="item-input">
                                            <a href="#" id="resetPswdBtn"
                                               class="button button-big button-fill color-mfblue disabled">提交</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div data-page="pageTranList" class="page cached navbar-fixed toolbar-fixed">
                <div class="navbar" style="background:#3b98d4;color:#ffffff;">
                    <div class="navbar-inner">
                        <div class="left">
                            <a href="#pageBaseInfo" class="back" style="color:#ffffff;">
                                <b>〈</b> 返回
                            </a>
                        </div>
                        <div class="center" id="pageTranListTitle">交易查询结果</div>
                    </div>
                </div>
                <div class="page-content infinite-scroll infinite-scroll-top" data-distance="100" id="transListDiv" onscroll="lazyLoadList()">
                    <div class="list-block mf-trans-list">
                        <ul>

                        </ul>
                    </div>
                </div>
            </div>

            <div data-page="pageSettleBillList" class="page cached navbar-fixed toolbar-fixed">
                <div class="navbar" style="background:#3b98d4;color:#ffffff;">
                    <div class="navbar-inner">
                        <div class="left">
                            <a href="#pageBaseInfo" class="back" style="color:#ffffff;">
                                <b>〈</b> 返回
                            </a>
                        </div>
                        <div class="center" id="pageSettleBillListTitle1">结算查询结果</div>
                    </div>
                </div>
                <div class="page-content infinite-scroll infinite-scroll-top" data-distance="100">
                    <div class="list-block mf-settle-bill-list">
                        <ul>

                        </ul>
                    </div>
                </div>
            </div>

            <div class="page cached" data-page="pageBaseInfo">
                <div class="page-content">
                    <!--div class="list-block" style="margin-top:10px;">
                        <ul>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <table><tr><th>账户余额</th><td style="color:red;font-size:25px;">{{accBalance}} </td><td>元</td></tr></table>
                                    </div>
                                  </div>
                            </li>
                        </ul>
                    </div-->
                    <div class="list-block mf-bsif">
                        <ul>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <b>商户信息</b><span class="right"><a href="javascript:showMyQrCode();"
                                                                          class="list-button item-link">我的二维码</a></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <table style="border-collapse:separate; border-spacing:10px;">
                                            <tr>
                                                <td>商户编号</td>
                                                <td id="bi_cusNo"></td>
                                            </tr>
                                            <tr>
                                                <td>商户状态</td>
                                                <td id="bi_cusStatus"></td>
                                            </tr>
                                            <tr>
                                                <td>账户余额(元)</td>
                                                <td id="bi_userMoney"></td>
                                            </tr>
                                            <tr>
                                                <td>上次登录时间</td>
                                                <td id="bi_lastLoginTime"></td>
                                            </tr>

                                        </table>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="list-block mf-bsif">
                        <ul>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <b>结算信息</b>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <table>
                                            <tr>
                                                <td>结算银行卡　</td>
                                                <td id="bi_settleAccNo"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="list-block mf-bsif">
                        <ul>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <b>信息查询</b>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <a style="width:100%;color:#000000;text-align:left;" href="javascript:void(0);"
                                           onclick="tqBtnClick()" class="list-button item-link">交易查询</a>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <a style="width:100%;color:#000000;text-align:left;" href="javascript:void(0);"
                                           onclick="sqBtnClick()" class="list-button item-link">结算查询</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="page cached navbar-fixed toolbar-fixed" data-page="pageQRCode">
                <div class="navbar" style="background:#3b98d4;color:#ffffff;">
                    <div class="navbar-inner">
                        <div class="left">
                            <a href="#pageBaseInfo" class="back" style="color:#ffffff;">
                                <b>〈</b> 返回
                            </a>
                        </div>
                        <div class="center" id="pageSettleBillListTitle">我的二维码</div>
                    </div>
                </div>
                
                <div class="page-content">
                    <div class="card">
                        <div class="card-content">
                            <div class="card-content-inner" id="myQRCode" style="text-align:center;" >

                            </div>
                            <div class="card-content-inner" id="myQRCodeImg" style="text-align:center;">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Path to Framework7 Library JS-->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/f7/framework7.min.js"></script>
<!-- Path to your app js-->
<script type="text/template7" id="pageTransDetailInfoTemplate">
    <div class="page navbar-fixed toolbar-fixed" data-page="pageTransDetailInfo">
        <div class="navbar" style="background:#3b98d4;color:#ffffff;">
            <div class="navbar-inner">
                <div class="left">
                    <a href="#pageTranList" class="back" style="color:#ffffff;">
                        <b>〈</b> 返回
                    </a>
                </div>
                <div class="center">交易详情</div>
            </div>
        </div>
        <div class="page-content">
            <div class="card">
                <div class="card-content">
                    <div class="card-content-inner">
                        <table width="100%">
                            <tr>
                                <th width="40%" style="text-align:left;">商户名称</th>
                                <td style="text-align:right;">{{merchantName}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">交易时间</th>
                                <td style="text-align:right;">{{transTime}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">交易金额（元）</th>
                                <td style="text-align:right;">{{amount}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">交易状态</th>
                                <td style="text-align:right;">{{status}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">备注</th>
                                <td style="text-align:right;">{{remark}}</td>
                            </tr>
                            <tr><input type="hidden" id="orderNum"/></tr>
 							 <tr style="margin-top: 25px;">
                                <td colspan="2">
                                    <button style="float: right" class="button hidden" id="cashMoneyBtn" onclick="cashMoneyCheck()" ><span style="font-size: 20px">提 现</span></button>
                                </td>
                            </tr>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
<script type="text/template7" id="pageSettleBillDetailInfoTemplate">
    <div class="page navbar-fixed toolbar-fixed" data-page="pageSettleBillDetailInfo">
        <div class="navbar" style="background:#3b98d4;color:#ffffff;">
            <div class="navbar-inner">
                <div class="left">
                    <a href="#pageSettleBillList" class="back" style="color:#ffffff;">
                        <b>〈</b> 返回
                    </a>
                </div>
                <div class="center">结算详情</div>
            </div>
        </div>
        <div class="page-content">
            <div class="card">
                <div class="card-content">
                    <div class="card-content-inner">
                        <table width="100%">
                            <tr>
                                <th width="40%" style="text-align:left;">结算日期</th>
                                <td style="text-align:right;">{{settleDate}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">交易起始日期</th>
                                <td style="text-align:right;">{{clearDateStart}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">交易结束日期</th>
                                <td style="text-align:right;">{{clearDateEnd}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">结算金额</th>
                                <td style="text-align:right;">{{settleAmount}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">开户名称</th>
                                <td style="text-align:right;">{{bankAccountName}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">付款状态</th>
                                <td style="text-align:right;">{{status}}</td>
                            </tr>
                            <tr>
                                <th width="40%" style="text-align:left;">付款时间</th>
                                <td style="text-align:right;">{{remitTime}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/f7/microManage.js?<%=new Date().getTime()%>"></script>
</body>
</html>
